<template>
  <div class="contentbox">
    <div class="box">
      <div class="topbox">
        <div class="topLeft">场景设置</div>
      </div>
      <div class="centerbox">
        <t-tabs :default-value="1">
          <t-tab-panel :value="1" label="场景设置">
            <setting></setting>
          </t-tab-panel>
          <t-tab-panel :value="2" label="对话语境">
            <p style="margin: 20px">选项卡2内容区</p>
          </t-tab-panel>
          <!-- <t-tab-panel :value="3" label="选项卡3">
            <p style="margin: 20px">选项卡3内容区</p>
          </t-tab-panel> -->
        </t-tabs>
      </div>
    </div>
  </div>
  <addknowledge
    :editoradd="editoradd"
    :isshow="isshow"
    @event="close"
  ></addknowledge>
</template>
    
<script setup lang="jsx">
import { reactive, ref, watchEffect } from 'vue';
import { MessagePlugin } from 'tdesign-vue-next';
import setting from './components/setting.vue';
</script>
    
<style lang="scss" scoped>
.contentbox {
  width: 100%;
  height: 100%;
  background-color: rgb(231, 231, 232);
  padding: 8px;
  display: flex;
  justify-content: space-between;

  .box {
    width: 100%;
    height: 100%;
    background-color: #fff;
    // height: 65px;
    padding: 20px 20px 17px 20px;
    border-radius: 8px;
  overflow: scroll;

    .topbox {
      font-size: 16px;
      font-weight: 600;
      color: rgba(51, 51, 51, 1);
      display: flex;
    }
    .centerbox {
      // padding: 20px 0;
    //   height: 80%;
    }
  }
}

    /* 隐藏滚动条 */
    .box::-webkit-scrollbar {
      display: none;
    }

    /* Firefox 浏览器 */
    .box {
      scrollbar-width: none;
    }

    /* IE 和 Edge 浏览器 */
    .box {
      -ms-overflow-style: none;
    }
</style>
    